<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="app-attention">
        <div class="navigation">
            <div class="nav-left">
                <a class="attention active" href="attention.html">关注</a>
                <a class="nearby" href="nearby.html">附近</a>
                <a class="collect" href="collect.html">收藏</a>
                <a class="dynamic" href="dynamic.html">个人动态</a>
            </div>
            <div class="nav-right">
                添加+
            </div>
        </div>
        <div class="search">
            <i class="iconfont icon-magnifyingGlass-copy"></i> 搜索
        </div>
        <div class="content">
            <div class="user">
                <div class="use-left">
                    <img src="../imgs/头像.jpg" alt=""> 用户名
                </div>
                <div class="use-right">
                    已关注
                </div>
            </div>
            <div class="user">
                <div class="use-left">
                    <img src="../imgs/头像.jpg" alt=""> 用户名
                </div>
                <div class="use-right">
                    相互关注
                </div>
            </div>
            <div class="user">
                <div class="use-left active">
                    <img src="../imgs/头像.jpg" alt=""> 用户名
                    <i class="iconfont icon-vip"></i>
                </div>
                <div class="use-right">
                    已关注
                </div>
            </div>
        </div>
    </div>

</body>

</html>